<template>
  <div class="content">
    <div class="header">
      <img src="@/assets/images/hclogo.png" alt="" />
    </div>
    <div class="footer">
      <div class="register" @click="handleResgister">注册</div>
      <div class="login" @click="handleLogin">登录</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods:{
    handleResgister(){
        this.$router.push("/iregister");
    },
    handleLogin(){
        this.$router.push("/ilogin");
    }
  }
};
</script>

<style scoped lang="scss">
.content {
  width: 100%;
  height: 100%;
  text-align: center;
}
.header {
  margin: 80px 0 80px 0;
  img {
    width: 25%;
    border-radius: 8px;
    border: 1px solid #eeeeee;
  }
}
.footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
}
.register {
  color: #fff;
  width: 80%;
  height: 30px;
  border-radius: 6px;
  line-height: 30px;
  background: linear-gradient(to bottom, #45387d, #5b98cf);
  margin-bottom: 15px;
}
.login {
  width: 80%;
  height: 30px;
  border-radius: 6px;
  line-height: 30px;
  border: 1px solid #dfdfdf;
  color: #585858;
}
</style>>

</style>